<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
    <meta name="format-detection" content="telephone=no">
    <meta charset="UTF-8">

    <meta name="description" content="Violate Responsive Admin Template">
    <meta name="keywords" content="Super Admin, Admin, Template, Bootstrap">
    <title>登录界面</title>
    <!--必要样式-->
    <link href="${ctxPath}/static/css/system/default.css" rel="stylesheet" type="text/css" />
    <link href="${ctxPath}/static/css/system/styles.css" rel="stylesheet" type="text/css" />
    <link href="${ctxPath}/static/css/system/demo.css" rel="stylesheet" type="text/css" />
    <link href="${ctxPath}/static/css/system/loaders.css" rel="stylesheet" type="text/css" />
    <link href="${ctxPath}/static/css/system/layui.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class='login'>
    <div class='login_title'>
        <span>${title}入口</span>
    </div>
    <div class='login_fields'>
        <div class='login_fields__user'>
            <div class='icon'>
                <img alt="" src='${ctxPath}/static/img/system/user_icon_copy.png'>
            </div>
            <input name="name" id="name" placeholder='用户名' maxlength="16" type='text' autocomplete="off" />
            <div class='validation'>
                <img alt="" src='http://localhost:8081/static/img/system/tick.png'>
            </div>
        </div>
        <div class='login_fields__password'>
            <div class='icon'>
                <img alt="" src='${ctxPath}/static/img/system/lock_icon_copy.png'>
            </div>
            <input name="pwd" id="pwd" placeholder='密码' maxlength="16" type='text' autocomplete="off">
            <div class='validation'>
                <img alt="" src='${ctxPath}/static/img/system/tick.png'>
            </div>
        </div>
        <div class='login_fields__password'>
            <div class='icon'>
                <img alt="" src='${ctxPath}/static/img/system/key.png'>
            </div>
            <input name="code" id="code" placeholder='验证码' maxlength="4" type='text'  autocomplete="off">
            <div class='validation' style="opacity: 1; right: -5px;top: -3px;">
                <canvas class="J_codeimg" id="myCanvas" onclick="Code();">对不起，您的浏览器不支持canvas，请下载最新版浏览器!</canvas>
            </div>
        </div>
        <div class='login_fields__submit'>
            <input type='button' onclick="submit();" value='登录'>
        </div>
    </div>
    <div class='success'>
    </div>
    <div class='disclaimer'>
        <p>欢迎登陆${title}后台管理系统</p>
    </div>
</div>

<div class='authent'>
    <div class="loader" style="height: 44px;width: 44px;margin-left: 28px;">
        <div class="loader-inner ball-clip-rotate-multiple">
            <div>123123</div>
            <div>12312312</div>
        </div>
    </div>
    <p>认证中...</p>
</div>

<script src="http://www.jq22.com/jquery/jquery-1.10.2.js" type="text/javascript"></script>
<script src="${ctxPath}/static/js/system/jquery-ui.min.js" type="text/javascript"></script>
<script src='${ctxPath}/static/js/system/stopExecutionOnTimeout.js?t=1' type="text/javascript"></script>
<script src="${ctxPath}/static/js/lay/modules/layui.js" type="text/javascript"></script>
<!--<script src="${ctxPath}/static/js/lay/modules/layer.js" type="text/javascript"></script>-->
<script src="${ctxPath}/static/js/system/Particleground.js" type="text/javascript"></script>
<script src="${ctxPath}/static/js/system/Treatment.js" type="text/javascript"></script>
<script src="${ctxPath}/static/js/system/jquery.mockjax.js" type="text/javascript"></script>
<script src="${ctxPath}/static/js/system/login.js" type="text/javascript"></script>
<script src="${ctxPath}/static/js/countDown/bootstrap.min.js" type="text/javascript"></script>
</body>
</html>
